<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>报修提报</title>
<meta name="keywords" content="智数宝,智数宝平台,大数据,便利店" />
<meta name="description" content="行业领导者,便利店大数据,O2O" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, user-scalable=0" />
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"
	name="viewport" />
<!-- basic styles -->
<script src="${basePath!}/genius/ICalendar/js/lCalendar.js"></script>
<link rel="stylesheet" href="${basePath!}/genius/ICalendar/css/lCalendar.css">

<link rel="stylesheet" href="${basePath!}/genius/layui/css/layuimobile.css">
<link href="${basePath!}/genius/style/mobile_page/assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/font-awesome.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/font-awesome-4.7.0/css/font-awesome.min.css" />

<!--<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/demo.css" type="text/css">
<link rel="stylesheet" type="text/css" href="${basePath!}/genius/style/mobile_page/zTreeStyle.css">-->

<link rel="stylesheet" type="text/css" href="${basePath!}/genius/style/mobile_page/bz_style.css">
<!--[if IE 7]>
		  <link rel="stylesheet" href="../jhcvs_new/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

<!-- page specific plugin styles -->

<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/jquery-ui-1.10.3.custom.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/jquery.gritter.css" />

<!-- fonts -->
<!-- <link rel="stylesheet"
	href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" /> -->

<!-- ace styles -->

<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/ace.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/ace-skins.min.css" />


<style>
       input::-webkit-input-placeholder{
            color:#eae2e7;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#eae2e7;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#eae2e7;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#eae2e7;
        }
       textarea::-webkit-input-placeholder{
            color:#eae2e7;
        }
        textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#eae2e7;
        }
        textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#eae2e7;
        }
        textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#eae2e7;
        }
/* @font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
 */
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    }


.spinner-preview {
	width: 100px;
	height: 100px;
	text-align: center;
	margin-top: 60px;
}

.dropdown-preview {
	margin: 0 5px;
	display: inline-block;
}

.dropdown-preview>.dropdown-menu {
	display: block;
	position: static;
	margin-bottom: 5px;
}

.pull-left{
	width: 97%;
    margin: 0 auto;
    height: 60px;
}

.no-border{
	width:58px;
	height:29px;
}

.no-border img{
	width:100%;
}

.widget-main{
	width:100%;
}

.widget-main img{
	width:24%;
	margin-right:0.2%;
	margin-bottom:1%;
}

.col_box{
	width:100%;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px #ccc dashed;
}

.widget-header-flat {
    background: rgba(255,255,255,1);
}

.rowbox{
	width:100%;
	height:36px;
	line-height:34px;
	background-color:#fff;
	margin-bottom:10px;
}

.row_w30{
	width:50%;
	float:left;
	border-bottom:2px #fff solid;
	position:relative;
	text-align:center;
	font-size:16px;
}

.orange{
	color:#eb6100;
}

.add_bd_o{
	border-bottom:2px #f08200 solid;
}

.nb_box{
	position:absolute;
	padding:3px 3px;
	width:20px;
	height:20px;
	line-height:14px;
	top:8px;
	right:10%;
	background-color:#e12228;
	color:#fff;
	font-size:14px;
	border-radius:12px;
}

.add_box{
	width:94%;
	height:36px;
	line-height:34px;
	text-align:center;
	color:#669fc7;
	border:1px #669fc7 solid;
	border-radius:6px;
	margin:3% auto;
	background-color:#fff;
}

.bt_delete{
	width:60px;
	height:24px;
	line-height:24px;
	float:right;
	margin-top:8px;
	margin-right:8px;
	background-color:#eb6100;
	color:#fff;
	border-radius:4px;
	text-align:center;
	z-index:999;
}
.widget-box{
margin: 0px
}

.widget-header{
	color:#599ef8!important;
}
</style>


<link rel="stylesheet" type="text/css"  href="${basePath!}/genius/style/mobile_page/css/iconfont.css" />
<link rel="stylesheet" type="text/css"  href="${basePath!}/genius/style/mobile_page/iconfont_hygl/iconfont.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/use_style.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/cai.css" />
<!-- ace settings handler -->

<script src="${basePath!}/genius/style/mobile_page/assets/js/ace-extra.min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>
		<script src="../jhcvs_new/assets/js/html5shiv.js"></script>
		<script src="../jhcvs_new/assets/js/respond.min.js"></script>
		<![endif]-->
</head>

<body>
	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

		<div class="navbar-container" id="navbar-container">

			<!-- /.logo -->
			<div class="navbar-header" style="line-height: 28px;">
				<h  class="navbar-brand"> 
				<small>
				<span class="title_data"><i class="iconfont"></i>&nbsp;设备报修</span>
				<span class="title_data" id="name"></span>
				</small> </h>
				<div class="navbar-brand" style="float:right;padding-right:15px">
					<span class="title_data" ><i class="iconfont">&#xe61e;</i>&nbsp;</span>
					<span class="title_data" id="username"></span>
				</div>
			</div>
			<div class="navbar-header" style="line-height: 28px;margin-top:-20px!important;float:left">
				<h  class="navbar-brand" > 
				<small>
				<span class="title_data" id="repairid"><i class="iconfont"></i>&nbsp;报修单号:</span>
				<span class="title_data" ></span>
				</small> 
				</h>
			</div>
			<!-- /.navbar-header -->

		</div>
		<!-- /.container -->
	</div>

	<!--顶部数据-->
	<div style="position: relative">
		<!-- /.顶部数据 -->
	</div>
	<div class="main-container" id="main-container">
		<div class="main-container-inner">
			<div class="main-content">
				<div class="page-content">
					<div class="row">	
						<div class="col-xs-12">
							<div id="f_div">
								<div class="col_box" >
					                     <div class="widget-box add_mar_tb7p" >
											 <div class="widget-header widget-header-flat widget-header-small add_pad_tb10p add_bor_tbgrey">
												 <h5><i class="iconfont">&#xe609;</i>&nbsp;报修日期</h5><span class="red"></span>
										 		<input type="text" id="repairdate"   readonly="readonly" placeholder="请选择保修日期" class="pull-right add_bor_none" autocomplete="off" style="width: 70%;margin-right: 2%;"/>
										 	</div>
										 </div>
										<div class="widget-box add_mar_tb7p">
							 				<div class="widget-header widget-header-flat widget-header-small add_pad_tb10p add_bor_tbgrey">
							 					<h5><i class="iconfont">&#xe600;</i>&nbsp;报修店号</h5><span class="red"></span>
							 					<input type="text" id="shopcode" placeholder="请输入店号"  autocomplete="off"  readonly="readonly" class="pull-right add_bor_none" style="width: 70%;margin-right: 2%" onblur="setshopname()"/>
							 				</div>
							 			</div>
										<div class="widget-box add_mar_tb7p">
							 				<div class="widget-header widget-header-flat widget-header-small add_pad_tb10p add_bor_tbgrey">
							 					<h5><i class="iconfont">&#xe600;</i>&nbsp;报修店名</h5><span class="red"></span>
							 					<input type="text" id="shopname" placeholder=""  autocomplete="off"   class="pull-right add_bor_none" style="width: 70%;margin-right: 2%" readonly="readonly"/>
							 				</div>
							 			</div>
							 			<div class="widget-box add_mar_tb7p">
							 				<div class="widget-header widget-header-flat widget-header-small add_pad_tb10p add_bor_tbgrey">
							 					<h5><i class="iconfont">&#xe600;</i>&nbsp;联系电话</h5><span class="red"></span>
							 					<input type="text" id="tel" readonly="readonly"   autocomplete="off" placeholder=""   class="pull-right add_bor_none" style="width: 70%;margin-right: 2%" />
							 				</div>
							 			</div>
							 		<div class="widget-box add_mar_tb7p">
							 			<div class="widget-header widget-header-flat widget-header-small add_pad_tb10p add_bor_tbgrey">
							 				<h5><i class="iconfont">&#xe600;</i>&nbsp;报修类型</h5><span class="red"></span>
							 				<input type="text" id="repairtype" readonly="readonly"   autocomplete="off" placeholder=""   class="pull-right add_bor_none" style="width: 70%;margin-right: 2%" />
							 			</div>
							 		</div>	
							 <div class="widget-box add_mar_tb7p">
							   <div class="widget-header widget-header-flat widget-header-small add_pad_tb10p add_bor_tbgrey" >				
							   <h5><i class="iconfont">&#xe609;</i>&nbsp;具体问题说明</h5><span class="red"></span>						  
							   </div>		
							   <div class="widget-body zhediebox1">					
							   <div class="widget-main pd_div" style="padding:0;">					
							   <div class="clearfix jy_div" style="padding:0;">						
							   <textarea id="instruction" readonly name="instruction" rows="" cols="" class="pull-left add_bor_none add_pad_tb10p" placeholder="请填写说明"></textarea>								
							   </div>						
							 </div>					
							 </div>				
							 </div>
							<div>
							<div class="widget-box">
									<div class="widget-header widget-header-flat widget-header-small add_pad_tb10p add_bor_tbgrey">
										<h5><i class="iconfont">&#xe621;</i>&nbsp;图片</h5>
                                       <div class="widget-toolbar no-border" id="paizhao" style="margin-top: 5px">
											<!-- <img src="${basePath!}/genius/style/mobile_page/assets/images/photo.png" /> -->
										</div>
									</div>
									<div class="widget-body">
										<div class="widget-main" id="paizhapoUrl">
											<div class="clearfix"></div>
										</div>
									</div>
								</div>
							</div>

						<!-- /.col -->
						</div>	
						</div>
						</div>	        
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
			<a href="#" id="btn-scroll-up"
				class="btn-scroll-up btn btn-sm btn-inverse"> <i
				class="icon-double-angle-up icon-only bigger-110"></i> </a>
			</div>
		</div>
		<script type="text/javascript">
			window.jQuery || document.write("<script src='${basePath!}/genius/style/mobile_page/assets/js/jquery-2.0.3.min.js'>"+"<"+"script>");
		</script>

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='${basePath!}/genius/style/mobile_page/assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
		</script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/bootstrap.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/typeahead-bs2.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.slimscroll.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.easy-pie-chart.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.sparkline.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/flot/jquery.flot.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/flot/jquery.flot.pie.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/flot/jquery.flot.resize.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/ace-elements.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/ace.min.js"></script>
		<script type="text/javascript"
			src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.6.41/dingtalk.open.js"
			language="javascript" charset="utf-8"></script>
		<script type="text/javascript" src="${basePath!}/genius/js/dingding/dingdingmenu.js"></script>
		<!--  <script charset="utf-8" src="../echarts-3/echartjs/echarts.js"></script>-->
		<script type="text/javascript" src="${basePath!}/genius/js/dingding/jquery.jSelectDate.js"></script>
		<script src="${basePath!}/genius/layui/layui.all.js" charset="utf-8"></script>
		<script type="text/javascript" src="${basePath!}/genius/style/mobile_page/xm-select.js"  charset="utf-8"></script>
		<script>var sessionname ='${currentUser.name}';	var sessionid ='${currentUser.userId!}';</script>

		<script type="text/javascript" src='${basePath!}/genius/style/mobile_page/assets/js/search/jquery.min.js'></script>
		<script type="text/javascript" src="${basePath!}/genius/style/mobile_page/assets/js/search/index.js"></script>
		<script> 
		  document.write("<script type='text/javascript' src='${basePath!}/genius/js/mobile_page/baoxiu/baoxiu_search.js?v="+Math.random()+"'><\/script>");  
		 </script>
</body>
</html>

